.SearchList {
  .searchIcons {
    @apply flex gap-4;

    .searchIcon {
      @apply rounded-xl cursor-pointer transition select-none;
      width: 56px;
      height: 56px;
      background-color: rgba(var(--design-rgba-near), 0.6);
      // .appNearBg();

      &:hover {
        .searchIconChecked();
      }

      @apply flex justify-center items-center;
    }

    .searchIconChecked {
      border: 2px solid var(--design-base-color-7);
      .appNearBgLg();
    }
  }
}